<div [hidden]="!caseReview.showWindow">
    <div class="modalTitle">
        <span class="modalTitleLeft">
        <ng-container *ngIf="condition=='New'">
           <ng-container *ngIf="docid">
             修改文书
           </ng-container>
           <ng-container *ngIf="!docid">
              新增文书
           </ng-container>
        </ng-container>
        <ng-container *ngIf="condition=='Approval'">
            审批文书
        </ng-container>
        <ng-container *ngIf="condition=='See'">
            查看文书
        </ng-container>
      </span>
        <span class="modalTitleRight" (click)="close()">&times;</span>
    </div>

    <div class="modalContent" [hidden]="filedata.length>0">
        <div class='approval-type' *ngIf="condition=='Approval'&&filedata&&doctype!='案件来源登记表'">
            <span *ngIf="filedata.data.stage">文书环节：{{filedata.data.stage}}</span>
            <span *ngIf="caseType">案件类型：{{caseType}}</span>
        </div>
        <!-- <div class='approval-review'  *ngIf="condition=='Approval'&&formJson">
          <p class="userMessage">
              <label>
                <span>登记人：</span>
                <span>{{formJson.registerPerson}}</span>
              </label>
              <label>
                  <span>登记时间：</span>
                  <span>{{formJson.year}}年{{formJson.month}}月{{formJson.day}}日{{formJson.hour}}时{{formJson.minute}}分</span>
                </label>
            <label>
              <span>登记机关：</span>
              <span>{{formJson.registerDepart}}</span>
            </label>
        </p>
      </div> -->
        <div #loadContainer class='modalInner' style='overflow: hidden'>

            <div class='spin' style="width:100%;height:100%;" *ngIf="loadSpin">
                <nz-spin style='position: absolute; top: 50%;left: 50%;transform:translate(-50%,-50%);' [nzSize]="'large'" nzTip="请稍等..."></nz-spin>
            </div>

        </div>

        <div class='approval-case' *ngIf="condition=='Approval'&&condition!='See'">
            <p class="commonTitle"><i></i>审批</p>
            <div class='case-module'>
                <span>审批模块：</span>
                <nz-select style="width: 120px;vertical-align: middle;height:30px;" nzPlaceHolder='请选择' [(ngModel)]="approvalModule.caseModuleValue" [nzSuffixIcon]='icon' nzAllowClear="false">
                    <nz-option [nzValue]="case.approvaltype" [nzLabel]="case.approvaltype" *ngFor="let case of caseModule">{{case.approvaltype}}</nz-option>
                </nz-select>
                <span>审批时间：</span>
                <div class='my-date-wrap'>
                    <nz-date-picker style="width: 120px;vertical-align: middle;height:30px;" [(ngModel)]="approvalModule.date" nzPlaceHolder='请选择' nzFormat='yyyy-MM-dd hh:mm:ss'></nz-date-picker>
                </div>
                <div class='approval-radio-group'>
                    <nz-radio-group name="caseradio" [(ngModel)]="approvalModule.caseradioValue" (ngModelChange)='caseRadioChange($event)'>
                        <label nz-radio name='caseradio' nzValue="0">同意</label>
                        <label nz-radio name='caseradio' nzValue="1">不同意</label>
                        <label nz-radio name='caseradio' nzValue="2">驳回</label>
                    </nz-radio-group>
                </div>
            </div>
            <div class='case-idea'>
                <span>审批意见：</span>
                <textarea class="textarea2" name="beizhu" id="" placeholder="审批意见" [(ngModel)]="approvalModule.ideaValue"></textarea>
            </div>
        </div>

        <div class="modalFooter" *ngIf="condition!='See'">
            <button class="highLight" (click)="submit()"> {{condition=='New'?'保存并生成文书':'提交'}} </button>
            <button (click)="close()">取消</button>
        </div>

    </div>
</div>

<ng-template #elseBlock>
    <div style="margin:0 auto;position: relative;height:100%;">
        <img style="position: absolute;width:180px;height:150px; top: 50%;left: 50%;transform:translate(-50%,-50%);" src=''>
        <p style="
      transform:translate(-50%,-50%);
      position: absolute; 
      font-size:18px;
      width:180px;
      height:150px; 
      text-align: center;
      margin-top:150px;
      top:50%;
      left: 50%;" class="ant-empty-description"> 暂无数据 </p>
    </div>
</ng-template>

<ng-template #icon>
    <i nz-icon nzType="caret-down" nzTheme="outline"></i>
</ng-template>